/* Css For Jobaway */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

:root{
  --theme-color: #68BC82;
  --theme-color-2: #68BC82;
  --secondary-color: #124F4A;
  --text-color: #000000;
  --orange-color: #e35205;
  --title-color: #111111;
  --text-font: "Inter", sans-serif;
  --title-font: "Outfit", sans-serif;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

/* Basic size aur color change karna */
.material-symbols-outlined {
  font-size: 24px; /* Icon ka size bada/chhota karne ke liye */
  color: #8b5cf6; /* Tera Paycruit wala purple color */
  
  /* Advanced styling (Screenshot wale left panel ki settings) */
  font-variation-settings:
  'FILL' 0,    /* 1 karega toh icon solid (fill) ho jayega, 0 pe outline rahega */
  'wght' 100,  /* Icon ki thickness (100 se 700 tak) */
  'GRAD' 0,    /* Grade (default 0) */
  'opsz' 24;   /* Optical size (20 se 48 tak) */
}

  @media (min-width:1200px) {
  .container {
    max-width: 1365px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1680px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1320px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: #000;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: var(--title-font);
  font-weight: 400;
  color: var(--title-color);
  margin: 0px;
  transition: all 500ms ease;
}


/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background-color: #e76e2d;
  /*background: var(--secondary-color);*/
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 12px;
  background: #fff;
  color: var(--theme-color);
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 30px;
  top: 30px;
  font-weight: 400;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: var(--title-font);
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 1.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before { animation-delay: 1.8s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #fff;
  border-top-color: rgba(255, 255, 255, 0.3); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 5px;}
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.row{
  --bs-gutter-x: 30px;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

html.lenis {
  height: auto;
}

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  font-family: var(--title-font);
  color: #fff!important;
  text-align: center;
  border-radius: 50px;
  padding: 15px 30px;
  z-index: 1;
  transition: all 0.5s ease-in-out 0.0s;
}

.theme-btn:hover{
  background: #124F4A;
  color: #fff !important;
}

.theme-btn.btn-one:hover{
color: #fff !important;
}

.theme-btn.btn-two{
  background: #111;
}

.theme-btn:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: translateX(0);
  transform-origin: left center;
  z-index: -1;
  background: #124F4A;
  transition: all 500ms ease;
}

.theme-btn:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transform: translateX(0);
  transform-origin: right center;
  z-index: -1;
  background: #124F4A;
  transition: all 500ms ease;
}

.theme-btn:hover:before,
.theme-btn:hover:after{
  transform: translateX(1);
  width: 50%;
}

.theme-btn span{
  position: relative;
  padding-right: 22px;
}

.theme-btn span:before{
  position: absolute;
  content: '\e901';
  font-family: 'icomoon';
  font-size: 14px;
  top: -3px;
  right: 0px;
  font-weight: 400;
}


.parallax-bg{
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** styled-pagination */

.pagination{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 3px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: var(--title-font);
  color: var(--text-color);
  height: 50px;
  width: 50px;
  line-height: 50px;
  border: 1px solid #E5E5E5;
  font-weight: 500;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: var(--title-color);
}

.pagination li a i{
  font-size: 12px;
}

.sec-pad{
  padding: 142px 0px 150px 0px;
}

.mr-0{
  margin: 0px !important;
}

/** scroll-to-top **/

.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  box-shadow: inset 0 0 0 2px rgba(0,46,65,0.2);
  border-radius: 50%;
  z-index: 90000;
 
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.scroll-to-top.scroll-top-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

 

.scroll-to-top:hover::after {
  
}

.scroll-to-top:hover::before {
  opacity: 1
}

.scroll-to-top .scroll-top-inner path {
  stroke-width: 4;
  fill: transparent;
  box-sizing: border-box;
  stroke: var(--theme-color);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}



@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.sec-title{
  position: relative;
  display: block;
}

.sec-title h2{
  position: relative;
  display: block;
 font-weight: 600;
  line-height: 53px;
}

.display-6 {font-weight: 600;}

.sec-title h2 span{

}

.sec-title.light h2{
  color: #fff;
}

.sec-title .sub-title{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  font-family: var(--title-font);
  font-weight: 600;
  padding: 5px 17px;
  border-radius: 40px;
  text-transform: uppercase;
  z-index: 1;
}

.sec-title .sub-title:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 40px;
  z-index: -1;
  opacity: 0.1;
}

.sec-title .sub-title:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 40px;
  z-index: -1;
  opacity: 0.3;
  border: solid;
  border-width: 1px;
}




/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header {margin-top:15px;}

.fixed-header .sticky-header .outer-box { box-shadow: 0 4px 20px rgb(0 0 0 / 13%);}
.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background-color: transparent;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/** language-switcher **/

.language-picker label{
  display: none;
}

.language-picker .nice-select{
  display: none;
}


.language-picker {
  position: relative;
  display: inline-block;
}

.language-picker__button .icon {
  display: none;
}

.language-picker__dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  width: 110px;
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
  padding: 15px 15px;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  text-align: left;
  transition: visibility 0s .2s, opacity .2s, -webkit-transform .2s ease-out;
  transition: visibility 0s .2s, opacity .2s, transform .2s ease-out;
  transition: visibility 0s .2s, opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  transition: opacity .2s, -webkit-transform .2s ease-out;
  transition: opacity .2s, transform .2s ease-out;
  transition: opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
}

.language-picker__item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.language-picker__item:hover {

}

.language-picker__button{
  position: relative;
  border: none !important;
  padding: 0px;
  padding-right: 7px;
}

.language-picker__button:before{
  position: absolute;
  content: '\e914';
  font-family: 'icomoon';
  font-size: 6px;
  top: 8px;
  right: 0px;
  color: var(--title-color);
}

.language-picker__flag {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  font-family: var(--title-font);
  font-weight: 400;
  color: var(--title-color);
  padding-left: 33px;
  text-transform: uppercase;
}

.language-picker__list .language-picker__flag{
  padding: 4px 0px 4px 33px;
}

.language-picker__list

.language-picker__flag.language-picker__label:after {
  position: absolute;
  content: '';
  background-image: url(../images/icons/icon-1.png);
  width: 10px;
  height: 6px;
  top: 6px;
  right: 0px;
  background-repeat: no-repeat;
}

.language-picker__flag.language-picker__label{
  padding-left: 26px;
  padding-right: 0px;
  padding-right: 16px;
}

.language-picker__flag em{
  font-style: normal;
}

.language-picker__flag::before {
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  top: 4px;
  left: 0px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.language-picker__flag.language-picker__label:before{
  top: -3px;
  left: 0px;
}

.language-picker__dropdown .language-picker__flag::before {
  margin-right: .5rem;
  margin-right: var(--space-xs);
  top: -1px;
}

.language-picker__flag--deutsch::before {
  background-image: url(../images/icons/flag-deutsch.png);
}

.language-picker__flag--english::before {
  background-image: url(../images/icons/flag-english.png);
}

.language-picker__flag--francais::before {
  background-image: url(../images/icons/flag-francais.png);
}

.language-picker__flag--italiano::before {
  background-image: url(../images/icons/flag-italiano.png);
}

.language-picker--hide-label .language-picker__button .icon {
  margin-left: 0
}

.language-picker--hide-label .language-picker__button em {
  display: none
}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
  margin-right: .25rem;
  margin-right: var(--space-xxxs)
}

.language-picker__flag.language-picker__label{
  padding-right: 7px;
}

.nice-select{
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: var(--text-color);
  font-family: var(--text-font);
  padding-right: 14px;
}

 
.nice-select .list{
  width: 100%;
}

.nice-select .list li{
  color: var(--text-color);
}

.nice-select .list{
 
  overflow-x: hidden;
  overflow-y: auto;
}


.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/** rtl-switcher **/

.demo-rtl{
  position: fixed;
  top: 390px;
  left: 10px;
  z-index: 9999;
}

button.rtl{
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.demo-ltr{
  position: fixed;
  top: 390px;
  left: auto;
  right: 10px;
  z-index: 9999;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1.0);
  transition: all 500ms ease;
}

.boxed_wrapper.ltr .demo-rtl{
  display: block;
}

.boxed_wrapper.ltr .demo-ltr{
  display: none;
}

.boxed_wrapper.rtl .demo-rtl{
  display: none;
}

.boxed_wrapper.rtl .demo-ltr{
  display: block;
}

.nav-style-one .owl-nav button{
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  line-height: 74px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  z-index: 1;
  transition: all 500ms ease;
}

.nav-style-one .owl-nav .owl-prev{
  margin-right: 10px;
}

.nav-style-one .owl-nav button:hover{
  background: transparent !important;
}

.nav-style-one .owl-nav button:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  transform-origin: top center;
  transform: scaleY(0);
  z-index: -1;
  transition: all 500ms ease;
}

.nav-style-one .owl-nav button:hover:before{
  transform: scaleY(1);
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:8px;
  background: #E3E7EB;
  border-radius: 4px;
}
  
.progress-box .bar-inner{
  position:relative;
  display:block;
  width:0px;
  height:8px;
  border-radius: 4px;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.nice-select .option{
  padding-left: 15px;
  padding-right: 15px;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, 0.50);
  animation: squares 2.9s linear 0s infinite;
  -webkit-animation: squares 2.9s linear 0s infinite;
  -ms-animation: squares 2.9s linear 0s infinite;
  -o-animation: squares 2.9s linear 0s infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  opacity: 0;
}

.border-animation.border-2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.border-animation.border-3 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}


.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.80);
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}

.search-popup .popup-inner{
  width: 100%;
  height: 100%;
  background: #fff;
}

.search-popup .upper-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 70px 70px;
}

.search-popup .overlay-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}

.search-popup .close-search {
  position: relative;
  font-size: 16px;
  color: var(--title-color);
  cursor: pointer;
  z-index: 5;
  transition: all 500ms ease;
}

.search-popup .close-search:hover {
  color: red;
}

.search-popup .search-form {
  position: relative;
  width: 100%;
  padding: 100px 0px 250px 0px;
}

.search-popup .search-form .form-group{
  position: relative;
  margin: 0px;
}

.search-popup .search-form fieldset input[type="search"] {
  position: relative;
  height: 90px;
  padding: 20px 0px;
  background: #ffffff;
  line-height: 30px;
  font-size: 24px;
  color: #808080;
  font-family: 'Inter', sans-serif;
  border: none;
  border-radius: 0px;
  padding-right: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.search-popup .search-form fieldset button[type="submit"] {
  position: absolute;
  top: 30px;
  right: 0px;
  font-size: 22px;
  color: #141417;
  cursor: pointer;
  transition: all 500ms ease;
}

.search-popup .search-form fieldset input[type="search"]:focus{
  border-color: #141417;
}

.search-popup .form-control:focus{
  box-shadow: none !important;
}

.banner-btn{
background: transparent;
      color: #68bc82 !important;
    border: 2px solid #68bc82;
}

.banner-btn:hover,
.banner-btn:before,
.banner-btn:after{

}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 16px;
  padding-left: 30px;
}

.list-style-one li:last-child{
  margin-bottom: 0px;
}

.list-style-one li:before{
position: absolute;
  content: '\f111';
  font-family: 'Font Awesome 5 Pro';
  font-size: 12px;
  width: 13px;
  height: 13px;
  line-height: 12px;
  text-align: center;
  border-radius: 50%;
  left: 0px;
  top: 8px;

}

.content_block_one .liststyle-bullet-p .list-style-one li:before{  background-color: #68bc82;}
 

.list-style-one.about_us li::before {
  position: absolute;
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;

  left: 1px;
  top: 0px;
}


.slide-text{
  position: relative;
  display: block;
}

.slide-text .text-inner{
  position: relative;
  display: block;
  padding: 25px 0px;
  transform: rotate(-5deg);
}

.slide-text .text-inner:before{
  position: absolute;
  content: '';
  left: -50px;
  top: 0px;
  width: calc(100% + 100px);
  height: 100%;
}

.slide-text .text-inner .text-list{
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  -moz-animation: scroll-left 400s linear infinite;
  -webkit-animation: scroll-left 400s linear infinite;
  animation: scroll-left 400s linear infinite;
}

.slide-text .text-inner .text-list li{
  position: relative;
  display: inline-block;
  font-size: 32px;
  line-height: 40px;
  font-family: var(--title-font);
  color:#fff;
  /*color: var(--title-color); */
  margin-right: 280px;
}

.slide-text .text-inner .text-list li:last-child{
  margin: 0px;
}

@-moz-keyframes scroll-left {
  0% { -moz-transform: translateX(0%); }
  100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll-left {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-100%); }
}

.slide-text .text-inner .text-list li:before{
  position: absolute;
  content: '';
  background-image: url(../images/icons/icon-1.png);
  width: 37px;
  height: 37px;
  top: 2px;
  right: -145px;
  background-repeat: no-repeat;
}


.image-hov-one{
  position: relative;
  display: block;
  overflow: hidden;
}

.image-hov-one::before {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
}

.image-hov-one:hover::before {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.image-hov-two{
  position: relative;
  display: block;
  overflow: hidden;
}

.image-hov-two::before {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1000%;
  height: 0%;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
}

.image-hov-two:hover::before {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.dueal-section{
  background: #EFF2E6;
}

.dueal-section .bg-color{
  position: absolute;
  content: '';
  background: var(--secondary-color);
  width: 50%;
  height: 100%;
  top: 0px;
  right: 0px;
}

.dueal-section.alternat-2 .content_block_three .content-box{
  margin-left: -150px;
}

.dueal-section.alternat-2 .content_block_two .content-box .inner-box .single-item h3 a,
.dueal-section.alternat-2 .content_block_two .content-box .inner-box .single-item p{
  color: #fff;
}

.dueal-section.alternat-2 .content_block_two .content-box .inner-box .single-item h3 a:hover{

}

.dueal-section .shape .shape-1{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 277px;
  height: 334px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 167px 167px 167px 0px;
}

.dueal-section .shape .shape-2{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  width: 450px;
  height: 543px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 255px 0px 255px 255px;
  margin-left: -225px;
}

.dueal-section .shape .shape-3{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 277px;
  height: 334px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 167px 167px 0px 167px;
}

.dueal-section .shape .shape-4{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  width: 450px;
  height: 543px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0px 255px 255px 255px;
  margin-left: 225px;
}

.banner-btn-two{
  border: 1px solid #fff;
  padding: 14px 40px;
  color: #fff !important;
}

.banner-btn-two:hover{
  border-color: var(--secondary-color);
}

.dueal-section.alternat-3{
  background: transparent;
}

.dueal-section .outer-container{
  background: #EFF2E6;
  border-radius: 20px;
  overflow: hidden;
}

.dueal-section.alternat-3 .content_block_three .content-box{
  margin-left: -100px;
}

.dueal-section .testimonial-content{
  position: relative;
  display: block;
  margin-right: -70px;
}

.dots-style-one .owl-dots{
  position: relative;
  display: block;
}

.dots-style-one .owl-dots button span{
  display: none !important;
}

.dots-style-one .owl-dots button{
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D9D9D9;
  cursor: pointer;
  margin: 0px 6px;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots button.active,
.dots-style-one .owl-dots button:hover{
  opacity: 1;
  transform: scale(1.8);
}

.dueal-section .dots-style-one .owl-dots{
  margin-top: 20px;
}

.slide-text.alternat-2 .text-inner{
  background: transparent;
}

.slide-text.alternat-2 .text-inner:before{
  background: transparent;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.d_block{
  display: block !important;
}

.header-style-three{
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);
}

.dueal-section.service-page{
  padding-bottom: 450px;
}

.dueal-section .hiring-content{
  position: relative;
  display: block;
}

.dueal-section .hiring-content h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 20px;
}

.dueal-section .hiring-content p{
  margin-bottom: 50px;
  color: var(--title-color);
}

.dueal-section .hiring-content.light h2,
.dueal-section .hiring-content.light p{
  color: #fff;
}

.dueal-section .hiring-content.light .theme-btn:hover{
  color: var(--title-color) !important;
}

.dueal-section .hiring-content.light .theme-btn:before,
.dueal-section .hiring-content.light .theme-btn:after{
  background: #fff;
}

.b_radius_0{
  border-radius: 0px !important;
}


.check-box input {
  display: none;
}

.check-box label {
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: var(--title-color);
  padding-left: 24px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
}

.check-box label:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #DDDDDD;
  background: transparent;
}

.check-box label:after {
  position: absolute;
  content: '\e919';
  font-family: 'icomoon';
  left: 3px;
  top: 1px;
  opacity: 0;
  font-size: 7px;
  color: #fff;
}

.check-box input:checked + label:after {
  opacity: 1;
}

.check-box input:checked + label:before{

}

.logo-box.pl_15 img{width:80%}



.home-banner-text p {
  color: #000;
  font-size: 53px;
  font-weight: 700;
}

.top-typing p{
	font-size: 53px;
	padding: .5rem;
	font-weight: 700;
	letter-spacing: .1rem;
	text-align: center;
	color: #000;
	font-weight: 700;
	line-height: 58px
}

 

.top-typing p span.typed-text {
	color: #3bb344
}

.top-typing p span.cursor {
	display: inline-block;
	background-color: #ccc;
	margin-left: .1rem;
	width: 3px;
	animation: blink 1s infinite
}

.top-typing p span.cursor.top-typing {
	animation: none
}

@keyframes blink {
	0% {
		background-color: #ccc
	}

	49% {
		background-color: #ccc
	}

	50% {
		background-color: #fff0
	}

	99% {
		background-color: #fff0
	}

	100% {
		background-color: #ccc
	}
}
.phone-num {margin-bottom:5px;}
.phone-num span{
	font-size: 18px;
  font-weight: 600;}


 

.split-text-team-title {
  font-size: 50px;
  font-weight: 400;
  margin-top: 120px;
}

/* Container for the mask/fade effect */
.marquee-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  /* Ye line left aur right edges ko fade karti hai */
  -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

/* Common track styles */
.marquee-track {
  display: flex;
  width: max-content; /* Track utna hi lamba hoga jitne logos hain */
}

/* Wrapper for a single set of logos */
.marquee-logos {
  display: flex;
  min-width: 100%;
  gap: 3rem; /* Yahan se logo ke beech ka space control hoga. Ise 1.5rem ya 1rem kar ke dekh lena */
  padding-right: 2rem; /* Ye padding isliye add ki hai taaki pehla set khatam hote hi dusra set bilkul chipak na jaye */
margin-bottom: 10px;
}

/* Single Logo Styling */
.logo-item {
  display: flex;
  align-items: center;
 
  opacity: 0.4; /* Video ki tarah thoda faded */
  transition: opacity 0.3s ease;
  white-space: nowrap;
}

.logo-item:hover {
  opacity: 1; /* Hover karne pe highlight */
}

/* Animations Keyframes */
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* -50% shift for seamless loop with duplicated content */
}

@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Applying animations */
.track-left {
  animation: scrollLeft 35s linear infinite;
}

.track-right {
  animation: scrollRight 35s linear infinite;
}

/* Hover karne pe animation ruk jaye (optional, acha lagta hai) */
.marquee-track:hover {
  animation-play-state: paused;
}




@font-face {
  font-family: next-sass;
  src: url("../fonts/next-sass8d53.eot?obdk3g");
  src: url("../fonts/next-sass8d53.eot?obdk3g#iefix") format("embedded-opentype"), url("../fonts/next-sass8d53.ttf?obdk3g") format("truetype"), url("../fonts/next-sass8d53.woff?obdk3g") format("woff"), url("../fonts/next-sass8d53.svg?obdk3g#next-sass") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ns-"], [class*=" ns-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: next-sass !important;
}

.ns-shape-1:before {
  content: "";
}

.ns-shape-2:before {
  content: "";
}

.ns-shape-3:before {
  content: "";
}

.ns-shape-4:before {
  content: "";
}

.ns-shape-5:before {
  content: "";
}

.ns-shape-6:before {
  content: "";
}

.ns-shape-7:before {
  content: "";
}

.ns-shape-8:before {
  content: "";
}

.ns-shape-9:before {
  content: "";
}

.ns-shape-10:before {
  content: "";
}

.ns-shape-11:before {
  content: "";
}

.ns-shape-12:before {
  content: "";
}

.ns-shape-13:before {
  content: "";
}

.ns-shape-14:before {
  content: "";
}

.ns-shape-15:before {
  content: "";
}

.ns-shape-16:before {
  content: "";
}

.ns-shape-17:before {
  content: "";
}

.ns-shape-18:before {
  content: "";
}

.ns-shape-19:before {
  content: "";
}

.ns-shape-20:before {
  content: "";
}

.ns-shape-21:before {
  content: "";
}

.ns-shape-22:before {
  content: "";
}

.ns-shape-23:before {
  content: "";
}

.ns-shape-24:before {
  content: "";
}

.ns-shape-25:before {
  content: "";
}

.ns-shape-26:before {
  content: "";
}

.ns-shape-27:before {
  content: "";
}

.ns-shape-28:before {
  content: "";
}

.ns-shape-29:before {
  content: "";
}

.ns-shape-30:before {
  content: "";
}

.ns-shape-31:before {
  content: "";
}

.ns-shape-32:before {
  content: "";
}

.ns-shape-33:before {
  content: "";
}

.ns-shape-34:before {
  content: "";
}

.ns-shape-35:before {
  content: "";
}

.ns-shape-36:before {
  content: "";
}

.ns-shape-37:before {
  content: "";
}

.ns-shape-38:before {
  content: "";
}

.ns-shape-39:before {
  content: "";
}

.ns-shape-40:before {
  content: "";
}

.ns-shape-41:before {
  content: "";
}

.ns-shape-42:before {
  content: "";
}

.ns-shape-43:before {
  content: "";
}

.ns-shape-44:before {
  content: "";
}

.ns-shape-45:before {
  content: "";
}

.ns-shape-46:before {
  content: "";
}

.ns-shape-47:before {
  content: "";
}

.ns-shape-48:before {
  content: "";
}

.ns-shape-49:before {
  content: "";
}

.ns-shape-50:before {
  content: "";
}

.ns-shape-51:before {
  content: "";
}

.ns-shape-52:before {
  content: "";
}

.ns-shape-53:before {
  content: "";
}

.ns-shape-54:before {
  content: "";
}

.ns-shape-55:before {
  content: "";
}

.ns-shape-56:before {
  content: "";
}

.ns-shape-57:before {
  content: "";
}

.ns-shape-58:before {
  content: "";
}

.ns-shape-59:before {
  content: "";
}

.ns-shape-60:before {
  content: "";
}

.ns-shape-61:before {
  content: "";
}

.ns-shape-62:before {
  content: "";
}

.ns-shape-63:before {
  content: "";
}

.ns-shape-64:before {
  content: "";
}

.ns-shape-65:before {
  content: "";
}

.ns-shape-66:before {
  content: "";
}

.ns-shape-67:before {
  content: "";
}

.ns-shape-68:before {
  content: "";
}

.ns-shape-69:before {
  content: "";
}

.ns-shape-70:before {
  content: "";
}

.ns-shape-71:before {
  content: "";
}

.ns-shape-72:before {
  content: "";
}

.ns-shape-73:before {
  content: "";
}

.ns-shape-74:before {
  content: "";
}

.ns-shape-75:before {
  content: "";
}

.ns-shape-76:before {
  content: "";
}

.ns-shape-77:before {
  content: "";
}

.ns-shape-78:before {
  content: "";
}

.ns-shape-79:before {
  content: "";
}

.ns-shape-80:before {
  content: "";
}

.ns-shape-81:before {
  content: "";
}

.ns-shape-82:before {
  content: "";
}

.ns-shape-83:before {
  content: "";
}

.ns-shape-84:before {
  content: "";
}

.ns-shape-85:before {
  content: "";
}

.ns-shape-86:before {
  content: "";
}

.ns-shape-87:before {
  content: "";
}

.ns-shape-88:before {
  content: "";
}

.ns-shape-89:before {
  content: "";
}

.ns-shape-90:before {
  content: "";
}

.ns-shape-91:before {
  content: "";
}

.ns-shape-92:before {
  content: "";
}

.ns-shape-93:before {
  content: "";
}

.ns-shape-94:before {
  content: "";
}

.ns-shape-95:before {
  content: "";
}

.ns-shape-96:before {
  content: "";
}

.ns-shape-97:before {
  content: "";
}

.ns-shape-98:before {
  content: "";
}

.ns-shape-99:before {
  content: "";
}

.ns-shape-100:before {
  content: "";
}

.ns-shape-101:before {
  content: "";
}

.ns-shape-102:before {
  content: "";
}

.ns-shape-103:before {
  content: "";
}

.ns-shape-104:before {
  content: "";
}

.ns-shape-105:before {
  content: "";
}

.ns-shape-106:before {
  content: "";
}

.ns-shape-107:before {
  content: "";
}

.ns-shape-108:before {
  content: "";
}

.ns-shape-109:before {
  content: "";
}

.ns-shape-110:before {
  content: "";
}

.ns-shape-111:before {
  content: "";
}

.ns-shape-112:before {
  content: "";
}

.ns-shape-113:before {
  content: "";
}

.ns-shape-114:before {
  content: "";
}

.ns-shape-115:before {
  content: "";
}

.ns-shape-116:before {
  content: "";
}

.ns-shape-117:before {
  content: "";
}

.ns-shape-118:before {
  content: "";
}

.ns-shape-119:before {
  content: "";
}

.ns-shape-120:before {
  content: "";
}

.ns-shape-121:before {
  content: "";
}

.ns-shape-122:before {
  content: "";
}

.ns-shape-123:before {
  content: "";
}

.ns-shape-124:before {
  content: "";
}

.ns-shape-125:before {
  content: "";
}

.ns-shape-126:before {
  content: "";
}

.ns-shape-127:before {
  content: "";
}

.ns-shape-128:before {
  content: "";
}


/* --- SERVICES SECTION STATIC STYLES --- */

/* Main Section Background */
.services-section-bg {
  background-color: #f7f8fa;
}

/* Typography Customizations */
.text-dark-custom {
  color: #1a1a1a;
}

.section-subtitle {
  max-width: 800px;
}

/* Static Card Styling (No hover effect as requested) */
.service-card-static {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  transition: none !important; /* Forces no animation */
}

.service-card-static .theme-btn::before {background-color:#fff;}
.service-card-static .theme-btn::after {background-color:#fff;}


/* Ensuring no hover changes occur on the card */
.service-card-static:hover {
  transform: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Custom Icon Styling */
.service-icon-custom {
  font-size: 52px;
  color: #1a1a1a;
  display: inline-block;
}

/* Title and Text Sizing */
.service-title {
  font-size: 1.5rem;
}

.service-text {
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Static View More Button Styling */
.view-more-btn-static {
  border: 1px solid #e5e5e5;
  color: #555;
  padding: 0.4rem 1.25rem;
  font-size: 0.9rem;
  background-color: transparent;
  transition: none; /* Stops default bootstrap hover transitions */
}

/* Ensuring button doesn't change on hover to keep the plain static feel */
.view-more-btn-static:hover, 
.view-more-btn-static:focus {
  color: #555;
  background-color: transparent;
  border-color: #e5e5e5;
  box-shadow: none;
}

/* --- INDUSTRIES CENTERED SECTION STYLES --- */

/* Light greyish background for the cards to match the screenshot */
.industry-card-centered {
  background-color: #f7f8fa; /* Soft greyish-blue background */
  transition: none !important; /* Strictly no hover animation */
}

/* Ensuring no hover changes occur */
.industry-card-centered:hover {
  transform: none !important;
  background-color: #f7f8fa !important;
}

/* Read More Button Styling (Matching the SS exactly) */
.read-more-btn-static {
  border: 1px solid #e2e4e8;
  color: #6c757d;
  padding: 0.4rem 1.5rem;
  font-size: 0.85rem;
  background-color: transparent;
  transition: none;
}

/* Stops default bootstrap hover transitions */
.read-more-btn-static:hover, 
.read-more-btn-static:focus {
  color: #6c757d;
  background-color: transparent;
  border-color: #e2e4e8;
  box-shadow: none;
}

/* --- (If you haven't added these from the previous code, add them too) --- */
.text-dark-custom { color: #1a1a1a; }
.service-icon-custom { font-size: 52px; color: #1a1a1a; display: inline-block; }
.service-title { font-size: 1.5rem; }
.service-text { font-size: 0.95rem; line-height: 1.6; }


/* Container Box jo donon cards ke beech mein rahega */
 
.animated-arrow-box {
position: absolute;
  top: 46%;
  right: -30px;
  transform: translateY(-50%);
  width: 60px;
  height: 74px;
  background-color: #ffffff;
  border-radius: 40%;
  z-index: 10;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 7px solid #f7f8fa;
}

.lame_green {background-color: #68bc82;}

.lame_green-bg .processing-block-one {background-color: #68bc82;}

/* Track jo andar move karega */
.arrow-track {
  display: flex;
  gap: 8px; /* Icons ke beech ka gap */
  color: #b7f043; /* Tumhare theme ka green (ya light green) color */
  font-size: 1.2rem;
  /* Animation lagana */
  animation: moveArrows 1.2s linear infinite;
}

/* Continuous chalta hua effect */
@keyframes moveArrows {
  0% { transform: translateX(0); }
  /* TranslateX utna hi rakha hai jitna ek icon + uske gap ki width hoti hai taaki loop smooth ho */
  100% { transform: translateX(64px); } 
}




/* --- SPLIT LAYOUT SECTION STYLES --- */

/* Main Wrapper Spacing */
.split-section-wrapper {
  padding: 2.5rem; /* Equivalent to p-4/p-5 */
}

@media (min-width: 992px) {
  .split-section-wrapper {
    padding: 3rem; /* Extra padding on desktop */
  }
}

/* Header Styling */
.split-header {
  margin-bottom: 3rem;
  padding-top: 1rem;
}

.split-main-title {
  font-size: calc(1.475rem + 2.7vw); /* Responsive display-5 equivalent */
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.split-subtitle {
  color: #6c757d;
  font-size: 1rem;
  
  margin-bottom: 1rem;
}

.text-purple-custom {
  color: #8b5cf6; 
}

/* Feature Block Styling (Left & Right Items) */
.feature-block {
 
 max-width:380px;
  margin-bottom: 3rem; /* Equivalent to mb-5 */
}

.feature-block .feature-icon{font-size: 42px;}

/* Akhiri block ka margin hatane ke liye */
.feature-block.last-block {
  margin-bottom: 0; 
}

.center-image-col .center-app-img {
position: absolute;
    top: 9%;
    width: 39%;
    right: 30%;
  
  }
/* Icon Styling */
.feature-icon {
  font-size: 1.75rem; /* Equivalent to fs-3 */
  color: #1a1a1a;
  display: inline-block;
  margin-bottom: 1rem; /* Equivalent to mb-3 */
}

/* Title Styling */
.feature-title {
font-weight: 400;
  color: #1a1a1a;
  font-size: 22px;
  margin-bottom: 0.5rem; /* mb-2 */
}

/* Paragraph Text Styling */
.feature-text {
  color: #6c757d; /* text-muted */
  font-size: 0.875rem; /* small */
  line-height: 2; /* lh-lg */
  margin-bottom: 0;
}

/* Align Right Column Blocks on Desktop */
@media (min-width: 992px) {
  .right-feature-column .feature-block {
    margin-left: auto;
  }
}

/* Center Image Styling & Spacing */
.center-image-col {
  margin-bottom: 3rem;
}

@media (min-width: 992px) {
  .center-image-col {
    margin-bottom: 0;
  }
}

.center-app-img {
  max-width: 100%;
  height: auto;
  transform: scale(1.1);
  transition: transform 0.4s ease;
}

.center-app-img:hover {
  transform: scale(1.15);
}

/* Purple Gradient Blob */
.purple-gradient-blob {
  position: absolute;
  top: -100px;
  right: -50px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(179,0,255,0.15) 0%, rgba(255,255,255,0) 60%);
  filter: blur(40px);
  z-index: 0;
  pointer-events: none;
}

/* Mobile Responsiveness Fine-tuning */
@media (max-width: 991px) {
  .feature-block {
    max-width: 100%;
    text-align: center;
  }
  
  .purple-gradient-blob {
    width: 300px;
    height: 300px;
    top: -50px;
    right: -20px;
  }
}





/* --- BLOG / SMART READS SECTION STYLES --- */

/* Background */
.bg-light-custom {
  background-color: #fafafa; /* Very light grey matching the SS */
}

/* Header Styling */
.blog-main-title {
  font-size: calc(1.5rem + 1.8vw);
  font-weight: 400; /* Normal weight to match SS */
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.blog-subtitle {
  color: #6c757d;
  font-size: 1rem;
 
}

/* Card General Styling */
.blog-card {
  background-color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); /* Extremely soft premium shadow */
}

/* Image Styling */
.blog-featured-img {
  width: 100%;
  height: 230px;
  object-fit: cover; /* Ensures image doesn't stretch */
}

.blog-horizontal-img {
  width: 100%;
  height: 100%;
  min-height: 200px; /* Important for mobile stacking */
  object-fit: cover;
}

/* Typography Inside Cards */
.blog-meta {
  color: #888;
  font-size: 0.85rem;
}

.blog-meta i {
  font-size: 1rem;
  color: #555;
}

.blog-title {
font-size: 24px;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 1.3;
}

.blog-title-sm {
font-size: 24px;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 1.3;
}

.blog-text {
  color: #6c757d;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Read More Button (Pill shaped, subtle border) */
.blog-read-more-btn {
  border: 1px solid #e5e5e5;
  color: #555;
  padding: 0.4rem 1.25rem;
  font-size: 0.85rem;
  background-color: transparent;
  transition: all 0.3s ease;
}

.blog-read-more-btn:hover {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: #1a1a1a;
}

.hero_image_section {margin-top: -40px;}
.hero_image_section-2 {margin-top: -100px;}
.top-section-client {text-align: center; padding: 50px 0px;}
.top-section-client .top-section-client-icon {margin-bottom: 30px;} 
.top-section-client h5{font-weight: 500; font-size: 22px;}





/* 1. Parent Div - Is par tera effect chalega */
.top-section-client-icon {
  position: relative;
  display: inline-block; /* Icon ko tightly wrap karne ke liye */
  border-radius: 50%;
  z-index: 1;
}

/* 2. Tera Main Icon Span */
.top-section-client-icon .service-icon-custom{color:#fff;}

.top-section-client .service-icon-custom {
  background-color: #124F4A;
  font-size: 45px;
  padding: 12px;
  border-radius: 50%;
  
  /* Centering ke liye */
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  
  position: relative;
  z-index: 2; /* Pulse hamesha iske piche rahega */
  margin: 0 !important; /* Taki shape kharab na ho */
}

/* 3. TERA EXACT EFFECT (::after & ::before) */
.top-section-client-icon::after, 
.top-section-client-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  animation: grow 1s ease-in-out infinite;
}

/* Pehla Ripple */
.top-section-client-icon::after {
      background: rgb(18 79 74 / 42%); /* Tera light green color (opacity 0.4) */
}

/* Dusra Ripple */
.top-section-client-icon::before {
      background: rgb(18 79 74 / 38%); /* Tera light green color (opacity 0.6) */
  animation-delay: -0.5s;
}

/* 4. TERA SAME KEYFRAME */
@keyframes grow {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8, 1.8);
    opacity: 0;
  }
}

/* Safari support */
@-webkit-keyframes grow {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8, 1.8);
    opacity: 0;
  }
}


.bread-crumb-height { padding: 40px 0px!important;}
.bread-crumb-height .content-box {margin-top: 120px;}
.bread-crumb-height .content-box h4 {font-size: 50px; margin-bottom: 13px;}


/* --- CORE SECTION (Purpose, Business, Values) STYLES --- */

/* Main Section Background */
.core-section-bg {
  background-color: #f7f8fa; /* Light grey matching SS */
}

/* Typography Customizations */
.text-dark-custom {
  color: #1a1a1a;
}

.section-subtitle {
  max-width: 800px;
}

/* Static Card Styling (No hover effect to keep it clean like SS) */
.core-card-static {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); /* Soft premium shadow */
  transition: none !important;

}

.our_team_card .core-card-static {
box-shadow:none!important;	
transition: all 0.3s ease!important;
  position: relative;
  overflow: hidden;}
.our_team_card .core-card-static:hover{box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transform: translateY(-5px)!important;}
.core-card-static:hover {
  transform: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Custom Icon Styling */
.core-icon-custom {
  font-size: 52px;
  color: #1a1a1a;
  display: inline-block;
}

/* Title and Text Sizing */
.core-title {
  font-size: 1.5rem;
}

.core-text {
  font-size: 0.95rem;
  line-height: 1.6;
}

/* The Sub-headings (Helping Businesses... etc) */
.core-text strong {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom:20px;
}

/* View More Button Styling */
.core-view-more-btn {
  border: 1px solid #e5e5e5;
  color: #555;
  padding: 0.4rem 1.25rem;
  font-size: 0.9rem;
  background-color: transparent;
  transition: none; /* Stops default bootstrap hover transitions */
}

.core-view-more-btn:hover, 
.core-view-more-btn:focus {
  color: #555;
  background-color: transparent;
  border-color: #e5e5e5;
  box-shadow: none;
}

/* --- PRIVACY POLICY PAGE STYLES --- */

/* Very subtle background for the page */
 
/* Typography & Spacing Inside Content */
.policy-content p {
  color: #000000;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.policy-content h3 {
  font-size: 1.4rem;
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eaeaea; /* Adds a clean separator line under headings */
}

.policy-content h5 {
  font-size: 1.1rem;
  color: #1a1a1a;
}

/* Customizing Lists for better readability */
.policy-content ul {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.policy-content ul li {
  color: #000000;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 0.5rem;
  position: relative;
}

/* Contact Box Styling */
.contact-box {
  background-color: #f8f9fa;
  border-color: #e9ecef !important;
}

.contact-box a:hover {
  text-decoration: underline !important;
}


/* --- TERMS & CONDITIONS PAGE STYLES --- */

/* Background & Card */

/* Page Title Size */
.terms-main-heading {
  font-size: 2.5rem;
}

/* Typography & Spacing Inside Content */
.terms-content p {
  color: #000000;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.terms-content h3 {
  font-size: 1.4rem;
  margin-top: 3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eaeaea; 
}

/* Customizing Lists */
.terms-content ul {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.terms-content ul li {
  color: #000000;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 0.5rem;
  position: relative;
}

/* Contact Box Styling */
.contact-box {
  background-color: #f8f9fa;
  border-color: #e9ecef !important;
}

.contact-box a:hover {
  text-decoration: underline !important;
}

/* --- COMMUNITY PAGE STYLES --- */

.community-page-wrapper {
      background: #F7F8FA;
  padding: 4rem 0;
}

/* 1. Intro Section Styling */
.community-intro {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 5rem auto;
  padding: 0 15px;
}

.community-main-heading {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #8b5cf6; /* Brand Purple */
  margin-bottom: 1rem;
}

.community-sub-heading {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.community-intro-text {
  font-size: 1.1rem;
  color: #555;
  line-height: 1.8;
}

/* 2. Organizations Section Styling (Screenshot Layout) */
.community-orgs-section {
  margin-bottom: 5rem;
}

.orgs-section-title {
  font-size: 2rem;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 4rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eaeaea;
}

/* Individual Organization Row */
.org-row {
margin-bottom: 2.5rem;
    box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.03);
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.org-row:last-child {
  margin-bottom: 0;
}

/* Logo Alignment */
.org-logo-col {
  text-align: center;
  margin-bottom: 2rem; /* Spacing for mobile */
}

@media (min-width: 768px) {
  .org-logo-col {
    text-align: left;
    margin-bottom: 0;
  }
}

.org-logo {
  max-width: 80%;
  max-height: 120px;
  object-fit: contain;
}

/* Text Column Styling */
.org-title {
  font-size: 1.4rem;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

.org-desc {
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 1rem;
}

/* Meta Data (Years, Season) styling */
.org-meta {
  font-size: 0.9rem;
  color: #68bc82; /* Highlighted in purple */
  font-weight: 500;
}

.meta-divider {
  margin: 0 10px;
  color: #ccc;
}

/* 3. Outro Section Styling */
.community-outro {
  background-color: #f8f9fa; /* Light grey box at the bottom */
  padding: 4rem 0;
  border-top: 1px solid #eaeaea;
}

.outro-box {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.outro-title {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.outro-text {
  font-size: 1.05rem;
  color: #555;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.outro-text:last-child {
  margin-bottom: 0;
}

.branch-card {
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  background: #fff;
  transition: all 0.3s ease;
  height: 100%;
  background-color: #f7f8fa;
  border-left: 5px solid #68bc82;
}

.branch-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.branch-title {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}

.branch-address {
  color: #6c757d;
 
  display: block;
  font-size: 16px;
  line-height: 26px;
}

 
.branch-phone {
	justify-content: start;
    display: flex;
    flex-direction: row;
  margin-top: 0px;
  font-size: 15px;
  margin-bottom: 15px;
}
.branch-phone .material-symbols-outlined {
	font-size: 25px;
    color: #6abc83;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.branch-phone a {
color: #6abc83;
    text-decoration: none;
    font-weight: 400;
    padding-left: 6px;
}

.branch-phone a:hover {
  text-decoration: underline;
}
 
 
.theme-card h5{font-size: 1.5rem;}
.sbfbr .theme-card {background-color: #f7f8fa;}
 
 .theme-card {
  border-radius: 24px; /* Large rounded corners */
  padding: 40px 30px;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.theme-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.theme-card i.bi {
	font-size: 12px;
    margin-right: 6px;
    color: #68bc82;}
	
.theme-card.circle-icon {display: flex;
  align-items: flex-start;}
.been-in-the-hiring-list-s .theme-card  i.bi{font-size: 20px;  margin-right: 15px;}
.circle-icon_mt3 {margin-top:3px;}

.hire-t-form-s .list-style-one li {font-size: 16px;}

.bg-grey{background-color: #f7f8fa;}




/* --- DISCOVERY FORM STYLES --- */

/* Card Styling (White background, soft shadow, large rounded corners) */
.discovery-form-card {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06); /* Soft premium drop shadow */
  border: 1px solid rgba(0, 0, 0, 0.03);
}

/* Labels (Small, bold, dark grey) */
.discovery-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 6px;
}

#hire-talent-form .discovery-input {background-color: #f7f8fa;}
/* Inputs, Selects, and Textareas */
.discovery-input {
  background-color: #fff; /* Light grey background */
  border: 1px solid transparent; /* Invisible border initially */
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 0.95rem;
  color: #333333;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

/* Input Focus State (Turns white with dark blue border) */
.discovery-input:focus {
  background-color: #ffffff;
  border-color: #1a365d; /* Dark slate blue border */
  outline: 0;
}

/* Select Dropdown Arrow Color Adjustment (Optional) */
.form-select.discovery-input {
  cursor: pointer;
}

/* Submit Button (Dark Navy/Slate Blue as per screenshot) */
.discovery-submit-btn {
  background-color: #1a365d; /* Dark slate blue */
  color: #ffffff;
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.discovery-submit-btn:hover,
.discovery-submit-btn:focus {
  background-color: #122846; /* Slightly darker on hover */
  color: #ffffff;
  transform: translateY(-1px);
}

/* Muted text color for subtitles and notes */
.text-muted-custom {
  color: #000;
}

/* --- SAAS PROCESS STEPS STYLES --- */

.saas-step-card {
  background-color: #f7f8fa; /* Very soft grey to contrast with white section bg */
  border-radius: 20px;
  padding: 40px 30px;
  height: 100%;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Hover Effect: Turns white and lifts up with a soft shadow */
.saas-step-card:hover {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transform: translateY(-5px);
}

/* Big stylized number */
.saas-step-num {
   
  font-size: 4rem;
  font-weight: 800;
     color: #e4e4e4 !important;
  line-height: 1;
  margin-bottom: 20px;
  transition: color 0.3s ease;
}

/* Slight color pop on the number when hovering the card */
.saas-step-card:hover .saas-step-num {
  color: rgba(139, 92, 246, 0.3);
}

.saas-step-title {
  font-size: 1.5rem;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 12px;
  line-height: 1.4;
}

.saas-step-text {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin-bottom: 0;
}

.heigh_ls {font-size: 28px;font-weight: 500; margin-top: 13px;}

.opportunities-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

/* Har individual item container ko bhi flex banayenge */
.opportunities-carousel .owl-item {
  display: flex;
}

/* Humara main item box puri width aur height lega */
.opportunities-carousel .item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Card ko flex: 1 denge taaki wo bachi hui poori height cover kar le */
.opportunities-carousel .item .card {
  flex: 1;
}

.dots-style-one .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 30px;
}


.high-lighter-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*    background-color: rgb(69 87 247 / 80%); */
	background-color: rgb(104 188 130);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 5;
}

@media (min-width: 992px) {
	.highlighter-hidden .high-lighter-overlay {
		opacity: 0.9;
		visibility: visible;
	}
}

.call-to-action-creative.highlighter .hcwhy-section {
	box-shadow: 0 40px 70px 0 rgb(28 28 28 / 40%);
}

.download-section .inner-container { z-index: 99;}


/******************************/
/*     Back To Top Button     */
/******************************/
#myBtn {
	position: fixed;
	z-index: 1000;
	bottom: 45px;
	right: 40px; 
	color: #000;
	font-weight: 600;
	height: 50px;
	border-radius: 28px;
	padding: 0px 18px 0 0px;
	border: none;
	outline: none;
	background-color: #ffffff;
	cursor: pointer;
	box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 14%) !important;
}

#myBtn h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
	padding: 8px;
	border-radius: 15px;
}

 

#myBtn img {
	 
	border-radius: 30px;
	margin-right: 6px;
	width: 61px;
}

.requestdemo-global .modal-content {
	background-color: transparent;
	border: 0;
}

.requestdemo-global .modal-content .btn-close{
	position: absolute;
	right: 18%;
	z-index: 99;
	top: 4%;
	font-size: 23px;
}

.requestdemo-global .owl-img-left{
    position: absolute;
    top: -2%;
    width: 15%;
    left: 12%;
}
.contact-form-box {
    background-color: #fff;
    padding: 40px;
    margin: 0 auto;
    width: 80%;
    border-radius: 30px;
    box-shadow: 0 20px 48px 0 rgba(153,161,170,.25)
}

.contact-form-box .title {
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 30px
}

.contact-form-box .form-group {
    padding-bottom: 18px
}

.contact-form-box .form-control {
    border: 1px solid #ecf2f6;
    font-size: 16px!important;
    border-radius: 16px;
    background-color: transparent;
    color: #292930;
    padding: 15px 20px;
    width: 100%
}

.contact-form-box ::placeholder {
    font-size: 16px!important
}

 

.contact-form-box .custm-btn {
    padding: 12px 30px;
    font-size: 18px;
    border-radius: 40px;
    font-weight: 500;
    width: 100%
}

.contact-form-box textarea.form-control {
    font-weight: 400
}

.blue-bg {
    background-color: #4557f7;
    color: #fff
}

.contact-info-box {
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 30px
}
.requestdemo-global .contact-form-box .title {
	text-align:center;
}

.requestdemo-global .contact-form-box .custm-btn {
	width:unset;
}

.requestdemo-global .contact-form-box {
	width: 70%;
}
 
.fill-in-the-blanks-form-section .heading-top h5 {
margin: 0;
font-size: 24px;
color: #fff;
 
line-height: 29px;}


.case1-section-area {
    position: relative;
    z-index: 1
}

.case1-section-area .case-header-area {
    position: relative;
    z-index: 1;
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .case1-section-area .case-header-area {
        margin-bottom:30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .case-header-area {
        margin-bottom:30px
    }
}

.case1-section-area .cs_case_study_1_list {
    display: flex
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study_1_list {
        flex-direction:column
    }
}

@media (max-width: 767px) {
    .case1-section-area .cs_case_study_1_list {
        flex-direction:column
    }
}

.case1-section-area .cs_case_study_1_list>.cs_case_study.cs_style_1 {
    flex: 1
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {
    min-height: 400px
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
    transition: all 0.2s ease;
    left: 80px;
    opacity: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 .cs_case_study_in {
        left:0;
        opacity: 1
    }
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1.active {
    flex: 3
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_in {
    opacity: 1;
    left: 0;
    transition: all 0.6s ease;
    transition-delay: 0.3s
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1.active .cs_case_study_icon {
    transform: scale(0) rotate(360deg);
    transition-delay: 0.1s
}

.case1-section-area .cs_case_study.cs_style_1 {
    height: 700px;
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .case1-section-area .cs_case_study.cs_style_1 {
        height:600px
    }
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_title a {
    text-decoration: none;
    background-image: linear-gradient(currentColor,currentColor);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 3px
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_number {
    left: 70px;
    top: 70px;
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study.cs_style_1 .cs_case_study_number {
        left:30px;
        top: 40px
    }
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_category {
    margin-bottom: 15px
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_in {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 88px 72px
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .case1-section-area .cs_case_study.cs_style_1 .cs_case_study_in {
        padding:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study.cs_style_1 .cs_case_study_in {
        padding:30px
    }
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_icon {
    left: 70px;
    bottom: 86px;
    z-index: 1;
    height: 55px;
    width: 55px;
    transition: all 0.6s ease
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .case1-section-area .cs_case_study.cs_style_1 .cs_case_study_icon {
        left:40px;
        bottom: 50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study.cs_style_1 .cs_case_study_icon {
        display:none
    }
}

.case1-section-area .cs_case_study_thumb {
    background-image: url("../images/staffing-solutions-image-1.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb2 {
    background-image: url("../images/staffing-solutions-image-2.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb3 {
    background-image: url("../images/staffing-solutions-image-3.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb4 {
    background-image: url("../images/staffing-solutions-image-4.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb5 {
    background-image: url("../images/staffing-solutions-image-5.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.case1-section-area .cs_case_study_thumb.cs_case_study_thumb6 {
    background-image: url("../images/staffing-solutions-image-6.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

 
.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0 8px;
    border-radius: 20px;
    height: 475px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
        margin:0 0 24px 0
    }
}

@media (max-width: 767px) {
    .case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
        margin:0 0 24px 0
    }
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area1 {
    opacity: 0;
    transition: all 0.4s
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
    left: 0;
    transition: all 0.4s;
    opacity: 1
}

.case1-section-area .content-area1 {
    position: absolute;
    transform: rotate(-90deg);
    width: 290px;
    height: auto;
    left: -80px;
    bottom: 162px;
    transition: all 0.4s;
    opacity: 1
}

.case1-section-area .content-area {
    position: absolute;
    z-index: 1;
    transition: all 0.4s;
    padding: 0 24px 50px 24px;
    bottom: 0;
    left: -100%;
    opacity: 0
}

.case1-section-area .content-area1 a {
    color: #fff;
    font-size: 22px;
	text-transform: uppercase;
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area a {
    color: #fff;
    font-size: 22px;
	text-transform: uppercase;
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area p {
    color: #D4D4D4
}

.section-z-index {
    position: relative;
    z-index: 1
}

/* --- Bottom Black Gradient Shadow for Cards --- */
.case1-section-area .cs_case_study.cs_style_1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%; /* Shadow kitni upar tak chahiye (adjust kar sakte ho) */
        background: linear-gradient(to top, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    z-index: 1; /* Image ke upar rakhne ke liye */
    pointer-events: none; /* Taaki click block na ho */
    border-radius: 0 0 20px 20px; /* Tumhare card ke niche wale border-radius se match karne ke liye */
}

/* Ensure text hamesha shadow ke upar rahe */
.case1-section-area .content-area,
.case1-section-area .content-area1 {
    z-index: 2 !important; 
}

.subscribe-style-two .theme-btn:hover {background:#fff;}
.subscribe-style-two .theme-btn::before {background:#fff;}
.subscribe-style-two .theme-btn::after {background:#fff;}
.subscribe-style-two .theme-btn.btn-one:hover {color:#000!important;}
.main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover {
  letter-spacing: 0!important;
}

.hero_image_section img {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
    mask-image: linear-gradient(to right, transparent 0%, black 30%);
    
}

/* --- Specific Fix for MacBook Pro 16" (1728x1117) & Ultrawide Screens --- */
@media only screen and (min-width: 1700px) {
    .hero_image_section img {
        /* Badi screen pe fade thoda lamba chahiye, isliye 40% kiya hai */
        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
        mask-image: linear-gradient(to right, transparent 0%, black 40%);
    }
}

/* --- REFERRAL SECTION STYLES --- */

.referral-section {
  /* Bhai yahan apni background image ka path change kar lena */
  background-image: url('../images/every-open-role-bg-img.webp'); 
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 550px; /* Section ki responsive standard height */
  position: relative;
}

/* Light overlay for mobile readability (optional but professional) */
@media (max-width: 767px) {
  .referral-section::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
  }
}

/* The White Card Box */
.referral-card {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); /* Premium soft drop shadow */
  border: 1px solid rgba(0, 0, 0, 0.02);
  z-index: 2;
}

/* Top Subtle Subheading */
.referral-subtag {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #1e3a5f; /* Dark slate blue */
}

/* Main Heading inside Card */
.referral-heading {
  font-size: 1.85rem;
  font-weight: 800;
  color: #0f172a; /* Near black text color */
  line-height: 1.3;
}

 

/* Green Pill Button */
.referral-btn {
  background-color: #92cb7b; /* Soft light green matching the SS */
  color: #1e3a1e !important;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  border: none;
}

.referral-btn:hover {
  background-color: #81ba6a; /* Slightly darker shade on hover */
  transform: translateY(-1px);
}

/* Floating Heart Badge Container */
.floating-heart-badge {
  width: 76px;
  height: 76px;
  background-color: #ffffff;
  border: 2px solid #e2e8f0; /* Soft light border */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -38px; /* Perfectly overlapping the bottom border */
  right: 45px;   /* Positioned towards the right side */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  z-index: 3;
}

/* Mobile responsive positioning adjustments */
@media (max-width: 576px) {
  .referral-heading {
    font-size: 1.5rem;
  }
  .floating-heart-badge {
    right: 50%;
    transform: translateX(50%); /* Mobile par bottom center ho jayega automatically */
  }
}

/* --- AMBASSADOR PROGRAM PAGE STYLES --- */

.ambassador-section {
  
  min-height: 80vh;
}

/* Central Main Premium Teaser Box */
.ambassador-card {
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.04); /* Ultra soft rich shadow */
  border: 1px solid rgba(226, 232, 240, 0.8);
}

/* Coming Soon Badge with Glowing Dot */
.badge-coming-soon {
  background-color: #eef9eb; /* Very soft light green background */
  color: #245a1b;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid rgba(146, 203, 123, 0.3);
}

/* Glowing Animation for Teaser Badge Dot */
.pulse-dot {
  width: 8px;
  height: 8px;
  background-color: #92cb7b; /* PayCruit Brand Green */
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(146, 203, 123, 0.7);
  animation: dot-pulse 1.6s infinite;
}

@keyframes dot-pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(146, 203, 123, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(146, 203, 123, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(146, 203, 123, 0);
  }
}

/* Main H1 Title */
.ambassador-title {
font-size: 2.8rem;
  font-weight: 500;
  color: #0f172a;
  line-height: 1.25;
}

/* Subtle Subtext */
.ambassador-lead-text {
  font-size: 1.15rem;
  line-height: 1.65;
  color: #475569;
}

/* Custom Soft Visual Separator Line */
.custom-divider {
  height: 1px;
  background: linear-gradient(to right, rgba(226,232,240,0) 0%, rgba(226,232,240,1) 50%, rgba(226,232,240,0) 100%);
  border: none;
}

/* Embedded Interactive Referral Box Container */
.interim-referral-box {
  background-color: #f8fafc; /* Subtle off-white contrast inside white card */
  border: 1px solid #f1f5f9;
}

.icon-wrap {
  display: inline-flex;
  padding: 12px;
  background-color: #edf7f6; /* Very soft brand blue/teal bg */
  border-radius: 50%;
}

.referral-box-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
}

.referral-box-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #475569;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

/* PayCruit Brand Green Pill Button Accent */
.btn-ambassador-cta {
background-color: #68bc82;
  color: #fff !important;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  box-shadow: 0 4px 14px rgba(146, 203, 123, 0.25);
  transition: all 0.2s ease-in-out;
  padding: 12px;
}

.btn-ambassador-cta:hover {
  background-color: #81ba6a;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(146, 203, 123, 0.35);
}

/* Text Email Link Styling */
.support-email-link {
  color: #475569;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

.support-email-link:hover {
  color: #247a7d; /* Highlight color on hover */
}

/* Responsive Overrides */
@media (max-width: 767px) {
  .ambassador-title {
    font-size: 1.85rem;
  }
  .ambassador-lead-text {
    font-size: 1rem;
  }
  .referral-box-title {
    font-size: 1.15rem;
  }
  .ambassador-card {
    padding: 24px 16px !important;
  }
}

.hero_image_section-2 img {width: 80%;border-radius: 20px;}
.btn-jobseeker {background: #e35205!important;}

/* ==========================================================================
   SECTION 3: WHAT WE BELIEVE (COMPLETE STYLES)
   ========================================================================== */

.believe-section {
    background-color: #f7f8fa; /* Exact pc-grey-bg */
    
    overflow: visible !important; /* Scroll layout visibility ke liye zaroori hai */
    position: relative; /* Absolute sidebar tracking ke liye container trigger */
}

/* --- Left Sidebar Styling & Typography --- */
.believe-subtag {
    font-size: 0.85rem;
    font-weight: 700;
    color: #92cb7b; /* PayCruit brand green */
    letter-spacing: 1.5px;
}

.believe-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #0f172a; /* Deep slate near black */
    line-height: 1.25;
}

.believe-left-desc {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #475569; /* Slate gray */
}

/* --- Right Side Statements Layout --- */
.belief-item {
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    padding-bottom: 2rem;
}

.belief-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Green Underlined Numbers */
.belief-number {
font-size: 1.3rem;
  font-weight: 700;
  color: #68bc82;
  border-bottom: 2px solid #124F4A;
  padding-bottom: 2px;
  line-height: 1;
  margin-top: 8px;
}

.belief-title {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
	text-transform: capitalize;
}

.belief-body p {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #6c757d;
    padding-left: 2.3rem; /* Aligns description text safely under header text */
    margin-bottom: 0;
}

/* --- JQUERY DYNAMIC STICKY CLASSES (DESKTOP ONLY) --- */
@media (min-width: 768px) {
    .sticky-sidebar-col {
        position: relative; /* Absolute placement backup container */
    }

    /* State 1: Jab section ke andar scroll chal rha ho */
    .believe-sticky-sidebar.fixed-sticky {
        position: fixed !important;
        top: 120px; /* Header height gap */
        width: 23%; /* Grid row space optimization */
        z-index: 99;
    }
    
    /* State 2: Jab user section ke end pe pahonch jaye */
    .believe-sticky-sidebar.absolute-sticky {
        position: absolute !important;
        bottom: 0;
        top: auto !important;
        width: 100%;
    }
}

/* --- Mobile Breakpoints Responsive Layout --- */
@media (max-width: 767px) {
    .believe-main-title {
        font-size: 1.85rem;
    }
    .belief-title {
        font-size: 1.2rem;
    }
    .belief-body p {
        padding-left: 0; /* Full flex flow space layout drop on small mobile */
        margin-top: 0.5rem;
    }
}


.talvera_dark_blue {background-color:#0D1F3C;}
.talvera_light_blue {background-color:#1a3560;}
.talvera_section .talvera_orange {color:#e3570b!important;}
.talvera_section .talvera_orange:before {background: #e3570b!important;}
.talvera_section .talvera_orange:after {border-color:#e3570b!important;}
.talvera_section .talvera_text_light_blue{color:#a0b4d0;}

/* --- WHAT WOULD YOU LIKE TO DO NEXT SECTION --- */

.next-steps-section {
    position: relative;
    
    background-color: #ffffff; /* Piche ka base color white rahega */
    overflow: hidden;
}

/* Base image ko handle karne ke liye pseudo-element */
.next-steps-section::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background-image: url('https://t4.ftcdn.net/jpg/03/84/11/51/360_F_384115163_mmVA7l40gCr4GdJm2TMYHVsgYecqU7Y6.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5; /* <-- Bhai yahan se opacity kam-zyada kar sakta hai (0.1 se 1 ke beech) */
    z-index: 1;
	mask-image: linear-gradient(to top, #0000 0%, black 30%);
}

/* Taaki cards aur text image ke upar aa jayein */
.next-steps-section .container {
    position: relative;
    z-index: 2;
}
 

/* Main Section Centered Title */
.next-steps-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #0f172a; /* Dark sleek slate */
    letter-spacing: -0.5px;
}

/* Shared Hybrid Card Rules */
.cta-hybrid-card {
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid transparent;
}

.cta-hybrid-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* Card Content Typography */
.cta-card-subtag {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.cta-card-heading {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.3;
}

.cta-card-text {
    font-size: 1rem;
    line-height: 1.6;
}

/* --- LEFT CARD SPECIFIC (EMPLOYERS - DARK MODE) --- */
.card-employers {
    background-color: #fff;
    color: #ffffff;
	border: 2px solid #68bc82;
}

.subtag-employers {
    color: #92cb7b; /* PayCruit brand green accent tag */
}

.card-employers .cta-card-text {
    color: #475569; /* Smooth light grey text */
}

/* Employers Action Button */
.btn-cta-employers {
    background-color: #92cb7b;
    color: #0a192f !important;
    font-weight: 600;
    border: none;
    transition: background-color 0.2s ease;
}

.btn-cta-employers:hover {
    background-color: #81ba6a;
}

/* --- RIGHT CARD SPECIFIC (JOB SEEKERS - LIGHT MODE) --- */
.card-seekers {
    /* Glassmorphism subtle effect to show the background network image pattern */
    background-color: rgb(255, 255, 255);
    backdrop-filter: blur(4px);
    border: 2px solid rgb(227, 82, 5);
    color: #0f172a;
}

.subtag-seekers {
    color: #f97316; /* Clean orange accent subtag */
}

.card-seekers .cta-card-text {
    color: #475569; /* Slate grey */
}

/* Job Seekers Primary Button */
.btn-cta-seekers-primary {
    background-color: #247a7d; /* Contrast deep teal */
    color: #ffffff !important;
    font-weight: 600;
    border: none;
    transition: background-color 0.2s ease;
}

.btn-cta-seekers-primary:hover {
    background-color: #1b5c5e;
}

/* Job Seekers Secondary Button */
.btn-cta-seekers-secondary {
    background-color: transparent;
    color: #475569 !important;
    border: 1px solid #cbd5e1;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-cta-seekers-secondary:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a !important;
}

/* Responsive Overrides */
@media (max-width: 767px) {
    .next-steps-main-title {
        font-size: 1.75rem;
    }
    .cta-card-heading {
        font-size: 1.45rem;
    }
    .cta-hybrid-card {
        padding: 24px !important;
    }
}

.for_jobseeker_btn {color: #e35205 !important; border: 2px solid #e35205;}
.for_jobseeker_btn:hover {border:2px solid #68bc82;}

/* --- ABOUT US PREMIUM TEXT LINKS WITH DIVIDERS --- */

.about-links-box {
    gap: 0; /* Padding aur margins ko custom handle karne ke liye default gap zero kiya */
}

/* Individual Link Styling */
.about-link-item {
    font-size: 1.1rem;
	font-weight: 500;
    color: #134e4c;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Text aur icon ke beech ka space */
    transition: all 0.25s ease-in-out;
    padding: 4px 0;
}

/* Bootstrap Icon Specific Transition */
.about-link-item i {
    font-size: 1rem;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

/* Premium Hover State */
.about-link-item:hover {
    color: #68bc82; /* Hover karne par brand green color */
}

/* Arrow Micro-Interaction: Hover pe arrow aage slide hoga */
.about-link-item:hover i {
    transform: translateX(5px);
}

/* Modern Clean Vertical Divider Line */
.about-link-divider {
    width: 1px;
    height: 16px; /* Divider ki vertical height */
    background-color: #cbd5e1; /* Soft light grey color */
    margin: 0 20px; /* Left aur right side se links ke beech ka gap */
    display: inline-block;
    vertical-align: middle;
}

/* Responsive Fix for Mobile Screens */
@media (max-width: 576px) {
    .about-links-box {
        flex-direction: inherit;/* Mobile par automatic row se column ho jayega */
        align-items: flex-start;
        gap: 10px; /* Mobile stack list ka space */
    }
    .about-link-divider {
        display: none; /* Mobile view par jab vertical list banegi toh beech ki lines chhip jayengi */
    }
}


.sidebar-widget.category-widget {display:none;}